<template>
    <div class="nav-container">
        <van-grid>
            <van-grid-item  icon="user-o" text="自我成长" to="/classification" />
            <van-grid-item icon="smile-o" text="情绪管理" to="/classification" />
            <van-grid-item icon="friends-o" text="人际沟通" to="/classification" />
            <van-grid-item icon="like-o" text="恋爱婚姻" to="/classification" />
             <van-grid-item icon="records" text="职场管理" to="/classification" />
            <van-grid-item icon="shop-collect-o" text="亲子家庭" to="/classification" />
            <van-grid-item icon="closed-eye" text="心理科普" to="/classification" />
            <van-grid-item icon="edit" text="课程讲座" to="/classification" />
        </van-grid>
       
    </div>
</template>

<script>

// }


</script>

<style lang="less" Scoped>


*{
    margin: 0;
    padding:0;
}
html,
body{
     display: flex;
     flex-direction: column;
     height: 100vh;
}
.van-grid{
   border:1px solid transparent;
    border-radius: 20px;
    box-shadow: rgb(251, 250, 250) 0px 0px 3px 5px;
}

.van-tabs__content{
    // margin-top: -15px;
} 
</style>